//1. 公用样式
require('../../assets/css/index.less');
require('../../assets/css/basic.less');
require('../../assets/fonts/iconfont.css');

//2. 当前页面样式
require('./pepole.less');

const {
default: axios
} = require('axios');
//3. 公用js
let dom = require('../../utils/dom.js');
let https = require('../../utils/https.js');
let local = require('../../utils/local.js');

//4. 当前页面的js
// console.log(dom);

dom.ready(function () {
//自己的写页面js
// dom.bMeun('mine');
backBtn.addEventListener('click', function () {
    window.history.go(-1);
});

// 上传头像
let imgUrl;
fileBtn.addEventListener('change', function () {
    // console.log(this.files);//是个图片信息的数组
    let f = this.files[0]; //第一张图的信息源
    let fd = new FormData();
    fd.append('file', f); //对象

    // https.post('/api/shared/uploadPortrait1', fd, function (res) { 
    //     if (res.errno == 0) {
    //         alert('上传成功');
    //     } else { 
    //         alert('上传失败');
    //     }
    // });
    https.upLoadPic('/api/shared/uploadPortrait1', fd, function (res) {
        // console.log(res.data);
        vtar.src = ' http://47.96.154.185:3701' + res.data.url;
        imgUrl = res.data.url;
    });

});


// 性别
let gender;
showSex.addEventListener('click', function () {
    weui.picker([{
        label: '男',
        value: 0
    }, {
        label: '女',
        value: 1
    }], {
        onConfirm: function (result) {
            console.log(result);
            // console.log(result[0].label);
            dom.get('#sexText').innerText = result[0].label;
            gender = result[0].value;
            // console.log( dom.get('#sexText').innerText );
        },
        title: '选择性别'
    });
});

// 日期
showBirthday.addEventListener('click', function () {
    weui.datePicker({
        start: 1990,
        end: new Date().getFullYear(),
        onConfirm: function (result) {
            // console.log(result);//数组对象
            let str = result.map(v => {
                return v.value < 10 ? '0' + v.value : v.value;
            }).join('-');
            // console.log(str);
            birthdayText.innerHTML = str;

        },
        title: '选择日期'
    });

});


// 所在省份
let provinceId;
showProvince.addEventListener('click', function () { 
    // 获取省份信息
    https.get('/api/shared/province', {}, function (res) {
        // console.log(res.data);//数组对象
        // 转化固定键名的数组格式
        let provinceData = res.data.map(v => { 
            return {
                label: v.name,
                value:v.id
            }
        });
        // 选择器调用
        weui.picker(provinceData,{
            onConfirm: function (result) {
                // console.log(result);//数组对象
                provinceText.innerHTML = result[0].label;
                
                    provinceId = result[0].value;
                // 先获取省份后再获取城市
                
            },
            title: '选择省份'
        });
        });
});

// 所在城市
let cityId;
showCity.addEventListener('click', function () {
    if (provinceId) {
        // 先获取城市信息
        https.get('/api/shared/city', { provinceId }, function (res) {
            // console.log(res.data);//数组对象
            // 转化固定键名的数组对象格式
            let cityData = res.data.map(v => {
                return {
                    label: v.name,
                    value: v.id
                }
            });
            // 调用选择器
            weui.picker(cityData, {
                onConfirm: function (result) {
                    // console.log(result);//数组对象
                    cityText.innerHTML = result[0].label;
                    cityId = result[0].value;
                },
                title: '选择城市'
            });
        });
    } else { 
        alert('请先输入省份');
    }
    });

// 个人介绍文本域
info.addEventListener('input', function () { 
    // 获取当前文字长度
    let len = this.value.length;
    // console.log(len);
    currentLen.innerHTML = len;

    if (len > 200) { 
        this.value = this.value.slice(0, 199);
        currentLen.innerHTML = 200;
    }
});

// 保存按钮点击事件
saveBtn.addEventListener('click', function () { 
// 获取当前所有字段所输入的值
let data = {
    nickName: ( nickName.value?nickName.value: local.get( 'userData').nickName ) ?(nickName.value ?nickName.value: local.get( 'userData').nickName):'匿名',
    gender,
    provinceId,
    cityId,
    birthday:birthdayText.innerHTML,
    imgUrl: imgUrl?imgUrl:local.get('userData').imgUrl,
    sign:info.value
};
    console.log(data);

// 修改个人信息
https.post('/api/user/changeInfo', data, function (res) { 
    // console.log(res);//结果是token值
    if (res.errno == 0) { 
        // 成功提示
        weui.toast('修改成功', 3000);
        // 把更新的数据所获得的token 值保存到本地
        localStorage.setItem('tk', res.data.token);
        // 跳转页面
        window.location.href='my.html'
        
    }
});
});
  
    
// 回填数据：即把my我的页面的数据回填到个人资料页面显示出来
function rander() { 
    // 先获取本地数据
    let localData=local.get('userData');
    console.log(localData);
    // 把本地数据渲染到pepole个人资料页面
    vtar.src = 'http://47.96.154.185:3701' + localData.imgUrl;
    nickName.value = localData.nickName;
    sexText.innerHTML = localData.gender==0?'男':localData.gender==1?'女':'不详';
    birthdayText.innerHTML = localData.birthday;
    info.innerHTML = localData.sign;

    console.log(returnCitySN);//省份对象
    provinceText.innerHTML = returnCitySN.cname.slice(0,3);
    // provinceId = returnCitySN.cid;
    
}

rander();

    
});